<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>微博网页版</title>
    <script src="./fonts/iconfont.js"></script>
    <link rel="stylesheet" href="./css/xiaoxi.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    
</head>

<body>
    <div class="tab">
        <div class="shangbeijing">
            <ul id="shangdaohang">
                <li>
                    <p><a href="">发现群</a></p>
                </li>
                <li><p>
                    <div class="tab">
                        <div class="t-title">
                            <div class="tiaozheng">
                                <span class="cur" style="padding-right: 140px;">消息</span>
                                <span>动态</span>
                            </div>
                        </div>
                    </div>
                    </p>
                </li>
                <li>
                    <p><a href=""><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjia1"></use>
                    </svg></a></p>
                </li>
            </ul>
        </div>
        <div style="padding: 20px 0px;">
            <input placeholder="    搜索聊天记录、群号、动态" class="input"/>
        </div>
        <div class="tc show">
            <div class="grid">
                <div class="neirong">
                    <img src="./images/xiaoxi/1.jpg" alt="" width="100px" height="100px" style="padding-right: 30px;">
                    @我的
                    <div class="right" style="flex-grow:1;">></div>
                </div>
                <div class="neirong">
                    <img src="./images/xiaoxi/2.jpg" alt="" width="100px" height="100px" style="padding-right: 30px;">
                    评论
                    <div class="right" style="flex-grow:1;">></div>
                </div>
                <div class="neirong">
                    <img src="./images/xiaoxi/3.jpg" alt="" width="100px" height="100px" style="padding-right: 30px;">
                    赞
                    <div class="right" style="flex-grow:1;">></div>
                </div>
                <div class="neirongz">
                    <img src="./images/xiaoxi/4.jpg" alt="" width="100px" height="100px" style="padding-right: 30px;">
                    <!-- <div class="neirong1">
                        <div class="text-top">
                            新浪新闻
                            <div class="right" style="flex-grow:1;">11-13</div>
                        </div>
                        <div class="text-bottom">住房交易税收新政！三部...</div>
                    </div>  -->
                </div>
                <div class="neirong">
                    <img src="./images/xiaoxi/5.jpg" alt="" width="100px" height="100px" style="padding-right: 30px;">
                    <div class="neirong1">
                        <div class="text-top">
                            活动通知
                            <div class="right" style="flex-grow:1;">11-14</div>
                        </div>
                        <div class="text-bottom">微博会员：【1元秒杀】SVI...</div>
                    </div>
                </div>
                <div class="neirong">
                    <img src="./images/xiaoxi/6.jpg" alt="" width="100px" height="100px" style="padding-right: 30px;">
                    <div class="neirong1">
                        <div class="text-top">
                            群推荐
                            <div class="right" style="flex-grow:1;">11-15</div>
                        </div>
                        <div class="text-bottom">加入感兴趣的粉丝群，开...</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="tc" style="font-size: 48px;">
            你暂时还没有动态
        </div>
    </div>
    </header>
    <!-- 下导航 -->
    <footer>
        <nav class="bnav">
         <div class="btnav">
             <div class="bonav">
                 <a href="./shouye（guanzhu）.html">
                     <svg class="icon" aria-hidden="true">
                         <use xlink:href="#icon-shouye1"></use>
                     </svg>
                 </a>
                 <p>
                     <a href="#">首页</a>
                 </p>
             </div>
             <div class="bonav">
                 <a href="./chaohua（kantie）.html">
                     <svg class="icon" aria-hidden="true">
                         <use xlink:href="#icon-chaohua"></use>
                     </svg>
                 </a>
                 <p>
                     <a href="#">超话</a>
                 </p>
             </div>
             <div class="bonav">
                 <a href="./faxian.html">
                     <svg class="icon" aria-hidden="true">
                         <use xlink:href="#icon-Magnifier"></use>
                     </svg>
                 </a>
                 <p>
                     <a href="#">发现</a>
                 </p>
             </div>
             <div class="bonav">
                 <a href="./xiaoxi.html">
                     <svg class="icon" aria-hidden="true">
                         <use xlink:href="#icon-xinfeng"></use>
                     </svg>
                 </a>
                 <p>
                     <a href="#">消息</a>
                 </p>
             </div>
             <div class="bonav">
                 <a href="./wo.html">
                     <svg class="icon" aria-hidden="true">
                         <use xlink:href="#icon-wo"></use>
                     </svg>
                 </a>
                 <p>
                     <a href="#">我的</a>
                 </p>
             </div>
         </div> 
     </nav>
     </footer>
     <script src="./js/xiaoxi.js"></script>
</body>
</html>